<template>
<div  class="item">
    <Pre class="item-title">      周末去哪儿</Pre>
    <ul>
        <li  class="item-li" v-for="list of List" :key="list.id">
            <img  class="item-img" :src="list.imgUrl"/>
            <p v-html="list.p1"></p>
        </li>
    </ul>
</div>
</template>
<script>
export default{
    name:"HomeWeekend",
    data(){
        return{
        List:[
            {
                id:'0001',
                imgUrl:"http://img1.qunarzz.com/sight/source/1811/f3/86173f863bef61.jpg_r_640x214_52b003ac.jpg",
                 p1:"<b>京城周末欢撒</b><br/><small>在帝都过周末，不仅仅是城中游</small>"
              
            },
            {
                id:'0002',
                imgUrl:"http://img1.qunarzz.com/sight/source/1505/aa/7baaf8a851d221.jpg_r_640x214_1431200f.jpg",
                p1:"<b>帝都必打卡</b><br/><small>来北京必去的景点非这些莫属</small>"
               
            },
            {
                id:'0003',
                imgUrl:"http://img1.qunarzz.com/sight/source/1606/85/c6b6bad1b977e.jpg_r_640x214_5c638941.jpg",
                 p1:"<b>漂流勇进，烧烤露营</b><br/><small>轻松水上漂，任我乐逍</small>"
            },
            {
                id:'0004',
                imgUrl:"http://img1.qunarzz.com/sight/source/1811/7e/476589267ebb41.jpg_r_640x214_bf599709.jpg",
                 p1:"<b>京城遛娃必去</b><br/><small>德智体美劳全面发展的亲子日，这些方面该去看看</small>"
            }
        ]
    }
   
  }
}
</script>
<style lang="stylus" scoped>
.item
  height:2300px
  width:100%
  .item-li
     height:560px
  .item-title
     color:#8080ff
    .item-img
        height:470px
        width:100%
    .item-p
        height:50px 
        width:100%  
</style>